<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详细</title>
    <link rel="stylesheet" href="./home-page-reset.css">
    <link rel="stylesheet" href="./detail.css">
    <link rel="stylesheet" href="./swiper-4.5.3/dist/css/swiper.css">
    <script src="./jquery-1.11.1.js"></script>
</head>
<body>
    <header>
        <div class="logo-box">
            <div class="logo"></div>
            <div class="txt-box">
                <span>蘑菇街 总有高手帮你挑！</span>
                <em>超过两亿用户已下载</em>
            </div>
        </div>
        <a href="http://localhost/mogujie/home-page.html" class="header-a">返回首页</a>
    </header>
    <section>
        <div class="swiper-box">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="" class="swiper-a">
                            <img src="./img/4.jpg">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <script src="./swiper-4.5.3/dist/js/swiper.js"></script>
    </section>
    <article>
        <!-- <div class="content_box">
            <div class="product_price">￥59.9</div>
            <div class="product_name">金丝绒阔腿裤(女士长款)</div>
            <div class="product_size">尺码：38</div>
            <div class="tap">免邮费</div>
            <div class="help">帮我选</div>
        </div> -->
    </article>
    <aside>
        <div class="aside1">
            <div class="left">72小时发货</div>
            <div class="middle">7天无理由退货</div>
            <div class="right">延误必赔</div>
        </div>
        <div class="aside2">
            <div class="color">请选择：颜色</div>
        </div>
    </aside>
    <footer>
        <a href="" class="a3-box">
            <img src="./img/店铺.png" alt="">
            <span class="span">店铺</span>
        </a>
        <a href="" class="a4-box">
            <img src="./img/消息.png" alt="">
            <span class="span">消息</span>
        </a>
        <a href="" class="a5-box">
            <img src="./img/客服.png" alt="">
            <span class="span">客服</span>
        </a>
        <a href="http://localhost/mogujie/star.html" class="a1">返回收藏</a>
        <a href="" class="a2">立即购买</a>
    </footer>
</body>
<script>
    new Swiper('.swiper-container',{
        initialSlide :0,
        loop:true,
        autoplay:true
    })
</script>
<script src="./detail.js"></script>
</html>